<template>
    <div class="box"></div>
    <p>手啊实打实啊实打实大师阿德</p>
    <p style="color: red;">￥ 12</p>
   
        <van-action-bar>
        <van-action-bar-icon icon="chat-o" text="客服" dot />
        <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
        <van-action-bar-icon icon="shop-o" text="店铺" badge="12" />
        <van-action-bar-button type="warning" text="加入购物车" />
        <van-action-bar-button type="danger" text="立即购买" />
    </van-action-bar>
   
</template>
<script setup>
import { createApp } from 'vue';
import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
</script>
<style >
.box {
    width: 300px;
    height: 300px;
    background-color: pink;
}

</style>